<template>
	<div class="qiu">
		<swiper :options="swiperOption">
		    <swiper-slide v-for='item in first_ad'>
	    		<img :src="item.thumb">
	   		</swiper-slide>
		    <div class="swiper-pagination"  slot="pagination"></div>
		</swiper>
	</div>
</template>
<script>
	export default{
		props:['first_ad'],
		data() {
			return {
			    swiperOption: {
			    	pagination: {
			            el: '.swiper-pagination'
			        }
			    }
			}
		}
	}
</script>
<style lang='stylus' scoped>
	.qiu{
		position: relative;
		width: 100%;
	}
	.qiu img{
		width:100%;
	}
	.swiper-pagination >>> .swiper-pagination-bullet-active{
		background: #fff;
	}
</style>